<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 
    offset就是元素的偏移量，可以动态的获得元素的位置(偏移量),大小等
      获得元素的距离带有定位的元素的位置
      获得元素自身的大小等
      注意：返回的数值不带单位

    offset属性
      element.offsetParent
        返回该元素的带有定位的父级元素，若该元素的父元素没有定位则返回body
      element.offsetTop
        返回元素相对带有定位元素上方的偏移
      element.offsetLeft
        返回元素相对带有定位元素左边框的偏移
      element.offsetWidth
        返回自身体padding,边框，内容区的宽度，返回值不带单位
      element.offsetHeight
        返回自身体padding,边框，内容区的高度，返回值不带单位
  -->
</body>

</html>